<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>百果园</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="./swiper-master/package/swiper-bundle.min.css">

  <link rel="stylesheet" href="css/style.css">
  <script type="text/javascript" src="./js/demo.js"></script>
  <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>
<body>

<div class="oechard">


<!--导航页-->
  <div class="NavigationPage">
    <div class="container">
      <div class="navigImg">
        <img class="imgItem" src="./image/download.png" alt="">
      </div>
      <div class="NavigationBar">
        <div class="aboutOrchard navigationBarItem dropdown"><i class="isfalse iconfont icon-taozi"></i><a href="#">关于百果园</a>
          <div class="dropdown-content">
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>企业简介</p>
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>发展进程</p>
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>一体化新零售</p>
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>三无退货</p>
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>品牌吉祥物</p>
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>果标体系</p>
          </div>
          <i class="iconfont icon-arrowdown"></i>
        </div>
        <div class="ownBrand navigationBarItem dropdown"><i class="isfalse iconfont icon-taozi"></i><a href="ownBrand.html">自有品牌</a>
          <div class="dropdown-content">
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>百果园检测标准</p>
          </div>
          <i class="iconfont icon-arrowdown"></i>
        </div>
        <div class="aboutJoin navigationBarItem"><i class="isfalse iconfont icon-taozi"></i><a href="./join.html">关于加盟</a></div>
      <div class="applyFor navigationBarItem"><i class="isfalse iconfont icon-taozi"></i><a href="#">我要应聘</a></div>
        <div class="socialResponsibility navigationBarItem"><i class="isfalse iconfont icon-taozi"></i><a href="#">社会责任</a></div>


      </div>
      <div class="switLanguage">
        <div class="languageStyle"><a href="#" class="languageSelected">中文</a>/<a href="#" class="languageItem">EN</a></div>

      </div>



    </div>
  </div>




  <!-- Swiper -->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide slidePct1">
        <div class="slideDsc">
          <div class="slideTitle">
            <div class="animationLeft">让天下人</div>
            <div class="animationRight">享受好水果</div>

          </div>


          <div class="slideContent">了解百果园</div>
        </div>
      </div>
      <div class="swiper-slide slidePct2">
        <div class="slideDec">
          <div class="slideTitle">

            <div class="animationLeft">好吃</div>
            <div class="animationRight">是一种愉悦的享受</div>

          </div>
          <div class="slideContent">
            <div class="contentTitle">我们的果品品牌</div>
            <div class="contentLine"></div>
            <div class="contentCon">我们相信，好吃的水果是上苍对人类遵循天地万物自然规律的奖励</div>
          </div>
        </div>
      </div>
      <div class="swiper-slide slidePct3">

        <div class="slideDec">
          <div class="slideTitle">

            <div class="animationLeft">做有感情的水果人</div>
            <div class="animationRight">开有温度的水果店</div>

           </div>
          <div class="slideContent">
            <div class="contentTitle">加盟百果园</div>
            <div class="contentLine"></div>
            <div class="contentCon">80多个城市，4000多家社区门店<br/>我们通过每一个门店传递自然的馈赠</div>
          </div>
        </div>

      </div>
      <div class="swiper-slide slidePct4">

        <div class="slideDec">
          <div class="slideTitle">

            <div class="animationLeft">让每一份付出</div>
            <div class="animationRight">都有收获</div>

           </div>
          <div class="slideContent">
            <div class="contentTitle">社会责任</div>
            <div class="contentLine"></div>
            <div class="contentCon">让上游因水果种植而富足<br/>让水果从业者更有尊严</div>
          </div>
        </div>

      </div>

      <div class="swiper-slide slidePct5">
        <!--底部-->
        <div class="bottomPage">

          <div class="wSpace"></div>

          <div class="bottomContainer">

            <div class="bottomLeft">
              <div class="bottomSelect">
                <div class="selectItem"><a href="#">企业团购</a></div>
                <div class="selectItem"><a href="#">我要供贷</a></div>
                <div class="selectItem"><a href="#">媒体采访</a></div>
                <div class="selectItem"><a href="#">有问必答</a></div>
                <div class="selectItem"><a href="#">招标公告</a></div>
              </div>

              <div class="bottomContent">
                <p class="contentItem1">总部地址：深圳市龙岗区平吉大道1号建昇大厦B座11-13楼</p>
                <p class="contentItem2">客服热线：400-181-1212（400-要不要-要啊要啊）</p>
                <p class="contentItem3">粤ICP备05040617号</p>
              </div>

              <div class="bottomText">
                <div class="btitem">
                  <a href="#">Copyright © Pagoda 2019-2020 All rights reserved.</a>
                  <a href="#"> <img src="./image/logo-bottom.png" alt="">
                    粤公网安备 44030702003133号</a>

                  <a href="#">技术支持：竹子建站</a>
                </div>


              </div>

            </div>

            <div class="bottomRight">

              <div class="bottomLogo">
                <img src="./image/logo-1.svg" alt="">
                <img src="./image/logo-2.svg" alt="">
                <img src="./image/logo-3.svg" alt="">
              </div>
              <div class="boLogtext">
                <img src="./image/logo-4.png" alt="">
              </div>

            </div>



          </div>


        </div>

      </div>

    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>




</div>




<!-- Swiper JS -->
<script src="./swiper-master/package/swiper-bundle.min.js"></script>

<!--Initialize Swiper-->
<script>
  var swiper = new Swiper('.swiper-container', {
    direction: 'vertical',
    pagination: {
      el: '.swiper-pagination',
      clickable: true,

      // 如果需要滚动条
      scrollbar: {
        el: '.swiper-scrollbar',
      },

  },
    mousewheel: true,


  });

</script>


</body>
</html>